﻿<#include "module/macro.ftl">
<@head title="${blog_title!}"/>
<#include "module/sidebar.ftl">

<!-- ===========================
    =====>> Contact <<===== -->
<div class="contact-area pt-120 pb-120">
    <div class="container">
        <div class="row">
            <div class="col-lg-4 col-md-6">
                <div class="single-contact-address">
                    <h3>南京, 中国（总部）</h3>
                    <ul>
                        <li><i class="fa fa-map-marker"></i>
                            <p>江苏省南京市秦淮区石鼓路</p>
                        </li>
                        <li><i class="fa fa-qq"></i>
                            <p>1665572974</p>
                        </li>
                        <li><i class="far fa-envelope"></i>
                            <p>1665572974@qq.com</p>
                        </li>
                    </ul>
                </div>
            </div>
            <!--
                      <div class="col-lg-4 col-md-6">
                          <div class="single-contact-address">
                              <h3>Bolton, UK</h3>
                              <ul>
                                  <li>
                                      <i class="fa fa-map-marker-alt"></i>
                                      <p>123 Eccles Old Road, New Salford Road London, Uk, M6 7AF</p>
                                  </li>
                                  <li>
                                      <i class="fa fa-phone-alt"></i>
                                      <p>+44 123 456 788 - 9</p>
                                  </li>
                                  <li>
                                      <i class="far fa-envelope"></i>
                                      <p>info@domain.com</p>
                                  </li>
                              </ul>
                          </div>
                      </div>
                      <div class="col-lg-4 col-md-6">
                          <div class="single-contact-address">
                              <h3>Warrington, UK</h3>
                              <ul>
                                  <li>
                                      <i class="fa fa-map-marker-alt"></i>
                                      <p>123 Eccles Old Road, New Salford Road London, Uk, M6 7AF</p>
                                  </li>
                                  <li>
                                      <i class="fa fa-phone-alt"></i>
                                      <p>+44 123 456 788 - 9</p>
                                  </li>
                                  <li>
                                      <i class="far fa-envelope"></i>
                                      <p>info@domain.com</p>
                                  </li>
                              </ul>
                          </div>
                      </div>
      -->
        </div>
        <div class="row">
            <div class="col-lg-12">
                <div class="hading-title">联系 <span>我们</span></div>
                <form action="mail.php" method="POST" id="contact-form" class="contact-form-box row">
                    <div class="col-lg-2">
                        <input type="text" name="name" class="name-box" placeholder="姓名" required>
                    </div>
                    <div class="col-lg-2">
                        <input type="email" name="email" class="name-box" placeholder="Email 地址" required>
                    </div>
                    <div class="col-lg-2">
                        <input type="number" name="number" class="name-box" placeholder="电话" required>
                    </div>
                    <div class="col-lg-3">
                        <input type="number" name="number" class="name-box" placeholder="qq" required>
                    </div>
                    <div class="col-lg-3">
                        <input type="number" name="number" class="name-box" placeholder="微信" required>
                    </div>
                    <div class="col-lg-12">
                        <textarea name="message" id="message-box" placeholder="请说出你的需求？" required></textarea>
                    </div>
                    <div class="col-lg-12">
                        <button type="submit" class="btn-1 message-send hover-effect">提交</button>
                        <p class="form-message error"></p>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<div id="a-map"></div>
<!-- =====>> End Contact <<===== 
    ================================= -->


<@footer></@footer>


<script>

    if ($('#a-map').length) {
        function onApiLoaded() {
            var map = new AMap.Map('a-map', {
                center: [118.77747, 32.042845],
                zoom: 20
            });
            map.plugin(["AMap.ToolBar"], function () {
                map.addControl(new AMap.ToolBar());
            });
            marker = new AMap.Marker({
                icon: "//a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-red.png",
                position: [118.77747, 32.042845],
                offset: new AMap.Pixel(-13, -30)
            });
            marker.setMap(map);

        }
        var url = 'https://webapi.amap.com/maps?v=1.4.15&key=bf8d7c02927655573bbafb5861674cbb&callback=onApiLoaded';
        var jsapi = document.createElement('script');
        jsapi.charset = 'utf-8';
        jsapi.src = url;
        document.head.appendChild(jsapi);
    }
</script>
</body>
</html>